<template>
    <div class="div">
        <slot>
            <div class="ccc">
                <img   src="../assets/left.png" alt="">
            </div>
            <h3>默认</h3>
            <div>
                <router-link to="/"></router-link>
            </div>
            <div class="tou">
            <p>影片</p>
        </div>
        </slot>
    </div>
</template>
<style lang="scss">
.tou{
    position: fixed;
    top: 5%;
    color: #076FA2;
    height: 4vh;
    width: 100%;
    background-color: white;
    text-align: center;
    font-weight: 600;
    p{
        line-height: 4vh;
        span{
            color: #FF9900;
        }
    }
}
.div{
    width: 100vw;
    height: 5vh;
    z-index: 100;
    background-color: #076FA2;
    color: white;
    text-align: center;
    position: fixed;
img{
    margin-right: 100%;
    width: 13px;
    height: 20px;
    padding-top: 14px;
    margin-left: 2%;
}
h3{
    margin-top: -25px;
}
div{
    margin-top: -20px;
    margin-right: -350px;
    a{
        display: inline-block;
        color: white;
        font-weight: 500;
        font-size: 16px;
    }
}
}
</style>